﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Image Viewer :: Quadrant Tests</title>
    <link rel="stylesheet" href="qunit.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="../Css/Quadrant.css" type="text/css" media="screen" />
    <style type="text/css">
        form ul ul
        {
        	margin:0px;
        	padding:0px;
        }
        
        form ul { list-style:none; }
        form ul li { margin:.5em 0px .5em 0px; }
        form ul li li { margin:0px; }
    </style>
    <script language="javascript" type="text/javascript" src="jquery-1.11.min.js"></script>
    <script type="text/javascript" src="qunit.js"></script>
    <script language="javascript" type="text/javascript" src="../JavaScript/sci/SciBootstrap.js"></script>
    <script language="javascript" type="text/javascript" src="../JavaScript/sci/patterns/observer/Observable.js"></script>
    <script language="javascript" type="text/javascript" src="../JavaScript/sci/quadrant/QuadrantViewModel.js"></script>
    <script language="javascript" type="text/javascript" src="../JavaScript/sci/quadrant/CanvasController.js"></script>
    <script language="javascript" type="text/javascript" src="../JavaScript/sci/quadrant/NavigatorController.js"></script>
    <script language="javascript" type="text/javascript" src="../JavaScript/sci/quadrant/QuadrantController.js"></script>
    <script language="javascript" type="text/javascript" src="QuadrantImageViewerTests.js"></script>
</head>
<body>
	<h1 id="qunit-header">Show Tests</h1>
    <h2 id="qunit-banner"></h2>
    <h2 id="qunit-userAgent"></h2>
    <ol id="qunit-tests"></ol>
    <div class="output"></div>
    <div class="content">
        <div id="QuadrantContainerWithoutCanvas" data-controller="Quadrant" data-name="Component" data-image-name="i" data-image-width="512" data-image-height="393"></div>
        <div id="QuadrantContainerWithoutImageName" data-controller="Quadrant" data-name="Component" data-image-width="512" data-image-height="393"></div>
        <div id="QuadrantContainerWithoutWidth" data-controller="Quadrant" data-name="Component" data-image-name="i" data-image-height="393"></div>
        <div id="QuadrantContainerWithoutHeight" data-controller="Quadrant" data-name="Component" data-image-name="i" data-image-width="512"></div>
        <div data-controller="Tests" data-name="ValidQuadrantContainer"></div>
    </div>
    <script type="text/html" data-name="QuadrantTemplate" data-controller="Tests">
        <div class="quadrant" data-controller="Quadrant" data-name="Component" data-image-name="i_s_" data-image-width="800" data-image-height="534" data-thumbnail-name="finder-thumbnail.jpg" data-thumbnail-width="115" data-thumbnail-height="77">
            <div class="canvas-container">
                <div class="canvas" data-controller="Quadrant" data-name="Canvas" data-image-folder="../Example/Images/Tiles/"></div>
            </div>
            <div class="navigator" data-controller="Quadrant" data-name="Navigator" data-image-folder="../Example/Images/" data-image-name="i_s_" data-image-width="800" data-image-height="534"></div>
            <div class="controls">
                <div class="dialog-button" title="View in high resolution" onclick="alert('Popup goes here!');"></div>
                <div class="zoom-button small selected" title="View small size" data-controller="Quadrant" data-name="ZoomLevel" data-image-name="i_s_" data-image-width="800" data-image-height="534"></div>
                <div class="zoom-button medium" title="View medium size" data-controller="Quadrant" data-name="ZoomLevel" data-image-name="i_m_" data-image-width="1024" data-image-height="684"></div>
                <div class="zoom-button large" title="View large size" data-controller="Quadrant" data-name="ZoomLevel" data-image-name="i_l_" data-image-width="2048" data-image-height="1367"></div>
                <div class="navigator-button" title="Navigator" data-controller="Quadrant" data-name="NavigatorButton"></div>
            </div>
        </div>
    </script>
</body>
</html>